<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
        <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

        <script type="text/javascript">
            const siteUrl = "./",
                musicMp3 = "media/bgm.mp3"
        </script>

        <link rel="stylesheet" href="css/music.css" type="text/css" />
        <link rel="stylesheet" href="css/animate.css" type="text/css" />
        <link rel="stylesheet" href="css/common.css" type="text/css" />
	</head>
	<body>

        <div class="page flex center index">
            <img class="tree" src="images/top_left_tree.png" alt="" />
            <img class="flower" src="images/flower.png" alt="" />
            <div class="moon-box flex center animate__animated animate__fadeInUp">
                <img class="moon animate__animated animate__slower animate__delay-1s rotateHide" src="images/moon.png" alt="" />
                <img class="moon-cake animate__animated animate__slower animate__delay-1s rotateShow" src="images/moon_cake1.png" alt="" />
            </div>
            <img class="lantern" src="images/lantern.png" alt="" />
            <img class="station" src="images/bottom_station.png" alt="" />
        </div>

        <script type="text/javascript" src="js/jquery-2.1.0.js"></script>
        <script type="text/javascript" src="js/music.js"></script>
        <script type="text/javascript">
            $(document).ready(function (e) {

            });
        </script>
	</body>
</html>
